<template>
	<view class="bjt" >
		<view class="top1">
			<view class="top2" @click="fanh">
				<u-icon name="arrow-left" color="#FFFFFF"  size="34" ></u-icon>
			</view>
		</view>

		<view class="t1">
			<view class="t2">
				<view class="t3">{{company.enterpriseName}}</view>
				<view class="t4">
					<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/5.png"></image>
					<image style="width: 44upx;height: 44upx;" src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/28.png"></image>
					<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/29.png"></image>
				</view>
			</view>
			
			<view class="t5">
				<view class="t6">
					<view class="t7">{{company.enterpriseNature}} · {{company.enterpriseScale}} · {{company.industryList}}</view>
					<view class="t8">
						<view class="t9" style="margin-right: 52upx;">
							<view class="t10"><image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/27.png"></image></view>
							<view class="t11">{{company.startWorkTime}}-{{company.endWorkTime}}</view>
						</view>
						<view class="t9" >
							<view class="t10"><image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/23.png"></image></view>
							<view class="t11">{{company.resttime}}</view>
						</view>
					</view>
				</view>
				<view class="t12"><image :src="company.enterpriseLogo"></image></view>
			</view>
			
			
			<view class="t13">
				<view class="t14">
					<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/24.png"></image>
					<view class="t15">五险一金</view>
				</view>
				<view class="t14">
					<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/31.png"></image>
					<view class="t15">年终奖</view>
				</view>
				<view class="t14">
					<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/32.png"></image>
					<view class="t15">饭补</view>
				</view>
			</view>
			
			<view class="t16">公司地址</view>
			
			<view  class="t17">
				<view class="t18">广州番禺区龙星大厦5楼506</view>
				<view class="t19">
					<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/25.png"></image>
					<view class="t20">导航</view>
				</view>
			</view>
			
			<view class="t21">
				<view class="t22">公司介绍</view>
				<view class="t23">2015.09-2017.05</view>
			</view>
			
			<view class="t24">
				创听科技（广州）有限公司是一家新兴的创新互联网公司，核心员工有10年以上的相关经验，大部份来自和名上市公司。
				公司旗下的一款微信小程序---教培海报，是一款教育培训行业招生宣传的杀手级工具，2020年5月上线至今仅几个月即突破7万+教培机构注册用户，迅速成为教育培训领域体量大最的软件工具之一。教培海报具有一键下载、傻瓜式操作等优势,极大节省了教培机沟海报制作时间和成本。目前月均以新增1.5W+ 行业主册用户的增速正大踏步走向自己的未来。我们就差你了！
			</view>
			
			<view class="t25">公司相册</view>
			
			<view class="t26">
				<view class="t27">视频</view>
				<view class="t28">相册</view>
			</view>
			
			<view class="t29">
				<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/26.png"></image>
			</view>
			
			<view class="t16">在招职位</view>
			
			<view class="t30">
				<view class="t31">
					<view class="t32">
						<view class="t33">UI设计师</view>
						<view class="t34">广州 海珠区 琶洲 · 1-3年 · 大专</view>
					</view>
					<view class="t35">7-8K</view>
				</view>
				
				<view class="t31" style="margin-top: 40upx;">
					<view class="t32">
						<view class="t33">前端</view>
						<view class="t34">广州 海珠区 琶洲 · 1-3年 · 大专</view>
					</view>
					<view class="t35">10-11K</view>
				</view>
			</view>
			
			<view class="t16">工商信息</view>
			
			<view class="t36">
				<view class="t37">
					<view class="t38">公司全称</view>
					<view style="margin-left: 74upx;">广州创听科技有限公司</view>
				</view>
				<view class="t37">
					<view class="t38">法定代表人</view>
					<view style="margin-left: 46upx;">成大妆</view>
				</view>
				
				<view class="t37">
					<view class="t38">注册资本</view>
					<view style="margin-left: 74upx;">200万人民币</view>
				</view>
				
				<view class="t37">
					<view class="t38">成立日期</view>
					<view style="margin-left: 74upx;">200-02-06</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>	
import { mapState, mapGetters } from 'vuex';
	export default {
		computed: {
			...mapState(['userInfo']),
			...mapGetters(['hasLogin'])
		},
		data() {
			return {
				company:{},
				ablumList:[],
				list:[],
			}
		},
		mounted() {},
		async onLoad(query) {
			console.log('进入公司详情页',query);
			if(query.id){
				this.getDetail(query.id);
			}
		},
		computed:{
			
		},
		methods: {
			toMap() {
				console.log("地图");
				// let latitude=this.company.latitude;
				// let longitude=this.company.longitude;
				uni.openLocation({
					latitude: parseFloat(this.company.latitude),
					longitude: parseFloat(this.company.longitude),
					success: function() {
						console.log('success');
					}
				});
			},
			async getDetail(id) {
				let res = await this.$apis.getRrecruitDetail(id);
				console.log("企业详情",res.data)
				if (res) {
					this.company = res.data;
					if(this.company.welfare){
						this.company.welfare=this.company.welfare.split(",");
					}
					if(this.company.industryList) {
						this.company.industryList = this.company.industryList.map(d=>d.industryName).toString()
					}
					this.list = this.company.enterprisePicture.split(',');
					for(let i in this.list){
						let item={
							pic:''
						}
						item.pic=this.list[i];
						this.ablumList.push(item);
					}
				}
			},
			fanh(){
				uni.navigateBack({
					delta:1
				})
			}
		},
	}
</script>
<style lang="scss" scoped>
	.bjt{
		background-image: url('https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/21.png') ;
		background-size: 100%;
		width: 100%;
		
		.top1 {
			height: 176upx;
			width: 100%;
			z-index: 10000;
			display: flex;
			barcode:#84C0F4;
			.top2 {
				padding-top: 88upx;
				display: flex;
				align-items: center;
				font-size: 34upx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #FFFFFF;
				margin-left: 34upx;
				
			}
		}
		.t1{
			width: 90%;
			margin: 0 auto;
			.t2{
				display: flex;
				justify-content: space-between;
				.t3{
					font-size: 52upx;
					font-family: Source Han Sans SC-Medium, Source Han Sans SC;
					font-weight: 500;
					color: #FFFFFF;
				}
				.t4{
					display: flex;
					image{
						width: 40upx;
						height: 40upx;
						margin-right: 32upx;
					}
				}
			}
		}
	}
	.t5{
		display: flex;
		justify-content: space-between;
		margin-top: 32upx;
		align-items: center;
		.t6{
			.t7{
				font-size: 24upx;
				font-family: Source Han Sans SC-Regular, Source Han Sans SC;
				font-weight: 400;
				color: #FFFFFF;
				
			}
			.t8{
				display: flex;
				margin-top: 32upx;
				.t9{
					display: flex;
					align-items: center;
					.t10{
						margin-right: 4upx;
						align-items: center;
						image{
							width: 40upx;
							height: 40upx;
						}
					}
					.t11{
						font-size: 26upx;
						font-family: Source Han Sans SC-Regular, Source Han Sans SC;
						font-weight: 400;
						color: #FFFFFF;
					}
				}
			}
		}
		.t12{
			image{
				width: 108upx;
				height: 108upx;
			}
		}
	}
	.t13{
		margin-top: 66upx;
		display: flex;
		justify-content: space-between;
		.t14{
			width: 216upx;
			height: 94upx;
			border-radius: 16upx 16upx 16upx 16upx;
			opacity: 1;
			border: 2upx solid #FFFFFF;
			display: flex;
			line-height: 94upx;
			align-items: center;
			
			image{
				width: 40upx;
				height: 40upx;
				margin-left: 20upx;
				margin-right: 16upx;
			}
			.t15{
				font-size: 28upx;
				font-family: Source Han Sans SC-Regular, Source Han Sans SC;
				font-weight: 400;
				color: #FFFFFF;
			}
		}
	}
	.t16{
		font-size: 36upx;
		font-family: Source Han Sans SC-Bold, Source Han Sans SC;
		font-weight: bold;
		color: #FFFFFF;
		margin-top: 72upx;
	}
	.t17{
		display: flex;
		justify-content: space-between;
		margin-top: 42upx;
		align-items: center;
		.t18{
			font-size: 32upx;
			font-family: Source Han Sans SC-Regular, Source Han Sans SC;
			font-weight: 400;
			color: #FFFFFF;
		}
		.t19{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 136upx;
			height: 68upx;
			border-radius: 40upx ;
			opacity: 1;
			border: 2upx solid #FFFFFF;
			
			image{
				width: 40upx;
				height: 40upx;
			}
			.t20{
				font-size: 26upx;
				font-family: Source Han Sans SC-Regular, Source Han Sans SC;
				font-weight: 400;
				color: #FFFFFF;
			}
		}
	}
	.t21{
		display: flex;
		justify-content: space-between;
		margin-top: 74upx;
		.t22{
			font-size: 36upx;
			font-family: Source Han Sans SC-Bold, Source Han Sans SC;
			font-weight: bold;
			color: #FFFFFF;
		}
		.t23{
			font-size: 24upx;
			font-family: Source Han Sans SC-Regular, Source Han Sans SC;
			font-weight: 400;
			color: #999999;
		}
	}
	.t24{
		font-size: 28upx;
		font-family: Source Han Sans SC-Regular, Source Han Sans SC;
		font-weight: 400;
		color: #FFFFFF;
		margin-top: 30upx;
	}
	.t25{
		font-size: 36upx;
		font-family: Source Han Sans SC-Bold, Source Han Sans SC;
		font-weight: bold;
		color: #FFFFFF;
		margin-top: 56upx;
		
	}
	.t26{
		display: flex;
		margin-top: 26upx;
		.t27{
			width: 136upx;
			height: 60upx;
			background: #FFFFFF;
			border-radius: 40upx;
			opacity: 1;
			font-size: 30upx;
			font-family: Source Han Sans SC-Regular, Source Han Sans SC;
			font-weight: 400;
			color: #333333;
			margin-right: 20upx;
			text-align: center;
			line-height: 60upx;
		}
		.t28{
			width: 136upx;
			height: 60upx;
			border-radius: 40upx;
			opacity: 0.8;
			border: 2upx solid #FFFFFF;
			font-size: 30upx;
			font-family: Source Han Sans SC-Regular, Source Han Sans SC;
			font-weight: 400;
			color: #FFFFFF;
			text-align: center;
			line-height: 60upx;
		}
	}
	.t29{
		margin-top: 48upx;
		image{
			width:100%;
			height: 358upx;
			border-radius: 16upx ;
			opacity: 1;
		}
	}
	.t30{
		margin-top: 40upx;
		.t31{
			display: flex;
			justify-content: space-between;
			align-items: center;
			.t32{
				.t33{
					font-size: 32upx;
					font-family: Source Han Sans SC-Medium, Source Han Sans SC;
					font-weight: 500;
					color: #FFFFFF;
				}
				.t34{
					font-size: 26upx;
					font-family: Source Han Sans SC-Regular, Source Han Sans SC;
					font-weight: 400;
					color: #FFFFFF;
					margin-top: 24upx;
				}
			}
			.t35{
				font-size: 32upx;
				font-family: Source Han Sans SC-Medium, Source Han Sans SC;
				font-weight: 600;
				color: #71B9F8;
			}
		}
	}
	.t36{
		margin-top: 42upx;
		padding-bottom: 50upx;
		.t37{
			display: flex;
			font-size: 28upx;
			font-family: Source Han Sans SC-Regular, Source Han Sans SC;
			font-weight: 500;
			color: #FFFFFF;
			margin-bottom: 32upx;
		}
	}
</style>
